.cardsDescription
    display: flex
    flex-direction: column
    gap: 32px
    .cardsDescription__data
        display: flex
        .cardsDescription__img
            min-height: 600px
            flex: 0 0 85%
            position: relative
            
            img
                width: 100%
                height: 100%
                object-fit: cover
                position: absolute
                top: 0
                left: 0
                border-radius: 5px
                box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24)

        .cardsDescription__description
            flex: 1 1 auto
            align-self: center
            z-index: 10
            display: flex
            flex-direction: column
            gap: 22px
            padding-top: 28px
            padding-bottom: 28px
            h2
                font-weight: 400
            h2,p
                background-color: #fff
                // border-style: solid
                // border-color: $text_color
                box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24)
                margin: 0
                padding: 16px
                
    .cardsDescription__data:nth-child(even)
        flex-direction: row-reverse
        .cardsDescription__description
            margin-right: -200px
            h2,p
                border-width: 1px 0px 1px 1px
                border-radius: 5px
    .cardsDescription__data:nth-child(odd)
        .cardsDescription__description
            margin-left: -200px
            h2,p
                border-width: 1px 1px 1px 0px
                border-radius: 5px
@media (max-width: 998px)
    .content
        margin: 16px
    .content .plan .plan__collected
        -webkit-box-pack: justify
        -ms-flex-pack: justify
        justify-content: space-between




@media (max-width: 998px)
    .header__product .headerData
        position: absolute
        left: 16px
        right: 16px

    // .header__product .headerData h1
    //     font-size: 1em
    //     align-self: flex-start

    // .header__product .headerData .headerData__price 
    //     -webkit-box-pack: start
    //     -ms-flex-pack: start
    //     justify-content: flex-start
    //     font-size: 0.7em

    .header__product .slick-dots 
        position: absolute
        left: 16px
        gap: 8px

    .header__product .slick-dots li
        width: 22px
        height: 6px









@media (max-width: 850px)
    .content .cardsDescription .cardsDescription__data:nth-child(even)
        -webkit-box-orient: vertical
        -webkit-box-direction: normal
        -ms-flex-direction: column
        flex-direction: column

    .content .cardsDescription .cardsDescription__data:nth-child(even) .cardsDescription__description
        margin-right: 0px
  
    .content .cardsDescription .cardsDescription__data:nth-child(even) .cardsDescription__description h2, .content .cardsDescription .cardsDescription__data:nth-child(even) .cardsDescription__description p
        border-width: 1px 1px 1px 1px
        border-radius: 5px 5px 5px 5px

    .content .cardsDescription .cardsDescription__data:nth-child(odd)
        -webkit-box-orient: vertical
        -webkit-box-direction: normal
        -ms-flex-direction: column
        flex-direction: column

    .content .cardsDescription .cardsDescription__data:nth-child(odd) .cardsDescription__description
        margin-left: 0px

    .content .cardsDescription .cardsDescription__data:nth-child(odd) .cardsDescription__description h2, .content .cardsDescription .cardsDescription__data:nth-child(odd) .cardsDescription__description p
        border-width: 1px 1px 1px 1px
        border-radius: 5px 5px 5px 5px

    .content .plan .plan__description
        -webkit-box-orient: vertical
        -webkit-box-direction: normal
        -ms-flex-direction: column
        flex-direction: column
        gap: 0px

    .content .plan .plan__description p 
        -ms-flex-preferred-size: 100%
        flex-basis: 100%
    .cardsDescription .cardsDescription__data .cardsDescription__img
        min-height: 300px


